<template>
  <div class="son1">
    <h3>我是son1.vue</h3>
    <p>son1里的p</p>
  </div>
</template>

<script>
export default {};
</script>


<style scoped>
/* scoped作用：让当前style里的所有样式只能用在当前组件 */
.son1 {
  width: 300px;
  height: 300px;
  background-color: #f00;
}

p {
  border: 1px solid #000;
  color: purple;
}
</style>